介绍

在本教程中，我们将指导您使用 react 构建一个简单而有趣的笑话生成器。这个项目非常适合想要练习在 react 中处理 api 请求并管理功能组件中的状态的初学者。

项目概况

这个笑话生成器从 api 中获取随机笑话，并在用户单击按钮时将其显示在屏幕上。它具有干净简约的用户界面，使其易于交互。该项目教授如何在 react 中集成 api 和管理组件状态。

特征

• 随机笑话生成：从 api 中获取随机笑话并将其显示在屏幕上。
• 响应式设计：适应各种屏幕尺寸，提供用户友好的体验。
• 易于使用的界面：每次单击即可生成新笑话的单个按钮。

使用的技术

• react：用于构建用户界面。
• css：用于设计应用程序样式并确保响应式设计。
• 笑话 api：从网络上获取随机笑话。

项目结构

该项目的结构如下：

├── public
├── src
│   ├── components
│   │   └── joke.jsx
│   ├── app.jsx
│   ├── app.css
│   ├── index.js
│   └── index.css
├── package.json
└── readme.md